<template>
  <a-modal
    title="添加衣物"
    :width="1300"
    :visible="visible"
    :confirmLoading="loading"
    @ok="handleOk"
    @cancel="handleCancel"
  >
    <a-spin :spinning="loading">
      <div class="clothes-list">
        <clothesListForm ref="clothesListForm"/>
      </div>
    </a-spin>
  </a-modal>
</template>

<script>
import { activityAddClothes } from '@/api/clothes'
import formModalMixin from '@/mixins/formModalMixin'
import clothesListForm from './clothesListForm'

// 表单字段
const fields = []
export default {
  mixins: [formModalMixin],
  components: {
    clothesListForm
  },
  data () {
    this.fields = fields
    this.addAction = activityAddClothes
    this.editAction = activityAddClothes
    return {
    }
  },
  methods: {
    handleOkBefore (values) {
      return {
        seal_code: this.$route.query.seal_code,
        id: this.$route.query.id,
        clothes: this.$refs.clothesListForm.clothesIdList,
        readd: this.model.readd
      }
    }
  }
}
</script>

<style lang="less" scoped>
.clothes-list {
  height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
// /deep/ .ant-col{
//     width: 15%;
// }
</style>
